	
<template>
	<view>
	<!-- 顶部-视频内容 -->
	<view class="item">
		<view class="sh">
			<view><image class="tp" src="../../../static/hu.jpg"><text class="wb">曼联客场不败场次在英超排名第二。阿生那27次客场不败</text></image></view>
		</view>
		<view class="dhw">
			<view><image class="tps" src="../../../static/bei.jpg" style="width: 110rpx;height: 110rpx;border-radius: 60rpx;"></image></view>
			<view>
				<view class="zt">大河网</view>
				<view class="rq">12/14/ 10:53</view>
			</view>
			<view class="reg-rigth">+关注</view>
		</view>
		<view class="items">
			<view>
				<text>曼联客场对阵阿斯顿维拉，这场比赛的结果对于现阶段的曼联来说影响并不是很大，但如果一旦曼联输球，他们的同城死敌曼城就将提前加冕本赛季的英超冠军。
      &emsp;在这样的大背景下，曼联众将士自然是不愿意间接助攻死敌夺冠，因此在上半场落后的情况下，曼联在下半场发起了猛烈反扑，最终红魔以3-1的比分战胜对手。
      
      &emsp;由于最近一段时间曼联赛程十分紧密，打完罗马之后，曼联又紧锣密鼓的来到维拉公园球场。比赛一开始，曼联众球星都显得疲惫，正是这样的一种疲惫状态，让
      曼联在场上犯错了。在比赛进行至第23分钟的时候，弗雷德的失误酿成大错，特劳雷进球打破场上僵局。丢球之后，场边的索尔斯克亚也陷入了沉思。
      
      &emsp;到了下半场，曼联开启了反扑模式，在下半场仅仅只进行了10分钟的世间，曼联就先由弗尔南德斯(点球)以及格林伍德打入两粒进球将比分反超。随后超级替补
      卡瓦尼出场，在比赛临近结束的时候，卡瓦尼打入了锁定胜局的进球，将场上的比分定格在了3-1.
      
      &emsp;不得不说的是，本赛季的曼联似乎习惯了对手先进球。根据OPTA的数据统计，本赛季曼联客场一共10次先被对手进球，最终红魔取得了9次逆转(9胜1平)。更重
      要的是，算上主场比赛，曼联在先被进球的情况下，一共赢得了10场比赛，在落后的情况下为队友抢到31个积分，创造了单赛季球队逆转的记录。
      
      &emsp;在赢得这场胜利之后，曼联将他们的客场不败的战绩延续到了25场，这样的客场不败场次在英超历史上排名第二。在曼联身前的只剩下阿森纳，在2003-04赛季，
      阿森纳一共27次客场不败。
      
      &emsp;拿下3分之后，曼联与曼城之间的分差还有10分，由于曼联少赛了一轮，因此在理论上，曼联还有夺冠的希望。虽然说本赛季英超冠军基本上已经基本确定是曼城，
      但曼联如今能做的就是稳扎稳打去拿下每一场比赛。至于曼城何时加冕，站在曼联的立场，自然希望越晚越好。</text>
			</view>
			<view class="jd">校对 刘军</view>
		</view>
		<view class="pt">
			<view>
				<image style="width: 20rpx;height: 20rpx;" src="../../../static/hu.jpg"></image>
			</view>
			<view class="ptjj">平台申明</view>
		</view>
		<view class="jc">
			<view class="jcs">
				精彩推荐
			</view>
		</view>
		<view class="xw">
			<view>
				<view>单节24分，5个三分球！库里打疯了，半场狂胜25分</view>
				<view class="xwnr">
					<view class="xwnrs">科技狐头条</view>
					<view class="xwnrs">3737评</view>
				</view>
			</view>
			<view>
				<image style="width: 200rpx;height: 150rpx;border-radius: 20rpx;" src="../../../static/hu.jpg"></image>
			</view>
		</view>
		<view class="xws">

		</view>
		<view class="xw">
			<view>
				<view>意甲第35轮美国进攻的弱点是什么，美国的进攻优势是什么</view>
			</view>
			<view class="xwnr">
				<view class="xwnrs">科技狐头条</view>
				<view class="xwnrs">9999评</view>
			</view>
		</view>
		<view>
			<image style="width: 200rpx;height: 150rpx;border-radius: 20rpx;" src="../../../static/hu.jpg"></image>
		</view>
	</view>
	<view class="xws">

	</view>
	<view class="xws">

	</view>
	<view class="jc">
		<view class="jcs">
			我来说两句
		</view>
	</view>
	<view style="color: #c5c5c5;margin-bottom: 30rpx;margin-left: 20rpx;">热门评论</view>
	<view class="pl">
		<view>
			<image style="width: 80rpx;height: 80rpx;" src="../../../static/hu.jpg"></image>
		</view>
		<view class="lp">
			<view class="pll">
				<view>
					<view class="ztl">网友</view>
					<view class="sj">
						<view class="sjs">2小时前</view>
						<view class="sjs">广西桂云冈</view>
					</view>
				</view>
				<view class="pl">
					<view class="plll">7</view>
					<view class="plll">
						<image style="width: 30rpx;height: 30rpx;" src="../../../static/hu.jpg"></image>
					</view>
					<view class="plll">
						<image style="width: 30rpx;height: 30rpx;" src="../../../static/hu.jpg"></image>
					</view>
				</view>
			</view>
			<view class="pll">微笑生活，用于面对</view>
		</view>
	</view>
	<view class="pl">
		<view>
			<image style="width: 80rpx;height: 80rpx;" src="../../../static/hu.jpg"></image>
		</view>
		<view class="lp">
			<view class="pll">
				<view>
					<view class="ztl">平安</view>
					<view class="sj">
						<view class="sjs">3小时前</view>
						<view class="sjs">广西池市</view>
					</view>
				</view>
				<view class="pl">
					<view class="plll">1</view>
					<view class="plll">
						<image style="width: 30rpx;height: 30rpx;" src="../../../static/hu.jpg"></image>
					</view>
					<view class="plll">
						<image style="width: 30rpx;height: 30rpx;" src="../../../static/hu.jpg"></image>
					</view>
				</view>
			</view>
			<view class="pll">微笑生活，用于面对</view>
		</view>
	</view>
	<view class="pl">
		<view>
			<image style="width: 80rpx;height: 80rpx;" src="../../../static/hu.jpg"></image>
		</view>
		<view class="lp">
			<view class="pll">
				<view>
					<view class="ztl">平安</view>
					<view class="sj">
						<view class="sjs">3小时前</view>
						<view class="sjs">广西池市</view>
					</view>
				</view>
				<view class="pl">
					<view class="plll">7</view>
					<view class="plll">
						<image style="width: 30rpx;height: 30rpx;" src="../../../static/hu.jpg"></image>
					</view>
					<view class="plll">
						<image style="width: 30rpx;height: 30rpx;" src="../../../static/hu.jpg"></image>
					</view>
				</view>
			</view>
			<view class="pll">微笑生活，用于面对</view>
		</view>
	</view>
	<view class="xhx"></view>
	<!-- 底部 -->
	<view class="zdb">
		<view>
			<image style="width: 40rpx;height: 40rpx;" src="../../../static/小于号.png"></image>
		</view>
		<view class="left">
			<input type="text" style="width: 220rpx;margin-right: 20rpx;font-size: 30rpx;" placeholder="有何观点"
				class="search_input"></input>
		</view>
		<view class="jl">
			<image style="width: 42rpx;height: 42rpx;" src="../../../static/信息.png"></image>
		</view>
		<view class="jl">
			<image style="width: 40rpx;height: 40rpx;" src="../../../static/五角星空.png"></image>
		</view>
		<view class="jl">
			<image style="width: 39rpx;height: 39rpx;" src="../../../static/分享.png"></image>
		</view>
	</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.item {
		margin-left: 15rpx;

	}

	.items {
		margin: 20rax 20rpx 20rpx 20rpx;
	}

	.zt {
		font-size: 35rpx;
		margin-top: 10rpx;
		margin-left: 15rpx;
	}

	.rq {
		font-size: 10rpx;
		color: #B9B9B9;
		margin-top: 5rpx;
		margin-left: 15rpx;
		white-space:nowrap;
	}

	.sh {
		margin-right: 30rpx;

	}

	.tp {
		width: 50rpx;
		height: 50rpx;
		margin: 0rpx 20rpx -10rpx 0rpx;
	}

	.sj {
		color: #C8C7CC;
		font-size: 30rpx;
		display: flex;
		flex-direction: row;
	}

	.sjs {
		margin-right: 30rpx;
		font-size: 20rpx;
		margin-top: 5prx;
	}

	.wb {
		font-size: 40rpx;
	}

	.dhw {
		display: flex;
		flex-direction: row;
		margin-top: 30rpx;
		margin-bottom: 30rpx;

	}

	.tps {
		width: 80rpx;
		height: 80rpx;
	}

	.a {
		margin-top: 30rpx;
		margin-right: 30rpx;
	}

	.dhb {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	.b {
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		font-weight: bold;
	}

	.reg-rigth {
		background: #DD524D;
		height: 45rpx;
		border-radius: 60rpx;
		color: #FFFFFF;
		width: 120px;
		text-align: center;
		margin-top: 30rpx;
		margin-left: 280rpx;
		font-size: 30rpx;

	}

	.jd {
		margin-top: 40rpx;
	}

	.pt {
		margin: 30rpx 20rpx 40rpx 530rpx;
		color: #d9d9d9;
		font-size: 25rpx;
		display: flex;
		flex-direction: row;
	}

	.ptjj {
		margin-left: 10rpx;

	}

	.jc {
		background-color: #f05954;
		width: 160px;
		color: #FFFFFF;
		font-size: 30rpx;
		height: 37rpx;
		margin-left: -15rpx;
		margin-bottom: 40rpx;

	}

	.jcs {
		text-align: center;
		font-size: 25rpx;
	}

	.xw {
		display: flex;
		flex-direction: row;
		margin: 20rpx 20rpx 20rpx 20rpx;

	}

	.xws {
		border-bottom: 1rpx solid #D0D0D0;
		margin-top: 20rpx;
		margin-bottom: 30rpx;
	}

	.xwnr {
		margin-right: 30rpx;
		font-size: 25rpx;

	}

	.pl {
		display: flex;
		flex-direction: ;
		margin-right: -300rpx;
		margin-bottom: 40rpx;

	}

	.lp {
		margin-left: -30rpx;
	}

	.pll {
		display: flex;
		flex-direction: ;
		justify-content: space-between;
		-wekbet-justify-content: space-between;
		margin-left: 60rpx;
	}

	.pill {
		margin-right: 65rpx;
		color: #999999;
	}

	.xhx {
		border-bottom: 1rpx solid #C0C0C0;
		margin-bottom: 20rpx;
		margin-top: 50rpx;
		margin-right: 20rpx;
		margin-left: 110rpx;
	}

	.jz {
		color: #C0C0C0;
		margin-left: 110rpx;
		margin-bottom: 80rpx;
	}

	.zdb {
		display: flex;
		flex-direction: row;
		position: fixed;
		bottom: 0rpx;
		background-color: #FFFFFF;
		width: 100%;
		height: 60rpx;
	}

	.left {
		height: 10rpx;
		margin-left: 20rpx;
	}

	.search_input {
		background-color: #F8F8F8;
		border-radius: 40rpx;
		padding: 5rpx 30rpx 6rpx 30rpx;
		margin-right: 1rpx;
	}

	.jl {
		margin-left: 70rpx;
	}

	.zt1 {
		font-size: 30rpx;
		color: #007AFF;
		margin-top: 10rpx;
	}
</style>
